<!DOCTYPE html>
<?php session_start(); ?>
<html>
    <head>
        <title>:: Compra Envios ::</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" href="../css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
        <link type="text/css" href="../css/Home.css" rel="stylesheet" />
        <link type="text/css" href="../css/Principal.css" rel="stylesheet" />
        <script type="text/javascript" src="../js/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="../js/PrincipalJS.js"></script>
        <META NAME="Author" CONTENT="Wayoyo Diseño Web"> 
        <META NAME="Description" CONTENT="Servicios de envios a Venezuela. Aliado comercial Zoom"> 
        <META NAME="Keywords" CONTENT="envios, compras,venezuela,envios a venezuela,envios maritimo,maritimo,aereo, usa, "> 
        <META NAME="Language" CONTENT="es"> 
        <META NAME="Copyright" CONTENT="© © 2011 Compraenvios.com - Todos los derechos reservados."> 
        <META NAME="Designer" CONTENT="Wayoyo Diseño Web"> 
        <META NAME="Revisit-After" CONTENT="Select One Days">
        <script type="text/javascript">
        
         $(function() {
         	
         	var Package = $( "#Package" ),
        			Large = $( "#Large" ),
					Height = $( "#Height" ),
					Width = $( "#Width" ),
					Parte = $("#Parte"),
					Weight = $("#Weight"),
					Volume = $("#Volume"),
					Descripcionenv = $("#Descripcionenv"),
					allFields2 = $( [] ).add( Package ).add( Height ).add( Width ).add( Parte ).add( Weight ).add( Volume ),
					tips = $( ".validateTips" );
    		
    		var NoItem = $( "#NoItem" ),
        			Descripcion = $( "#Descripcion" ),
					Orden = $( "#Orden" ),
			Precio = $( "#Precio" ),
			allFields = $( [] ).add( NoItem ).add( Descripcion ).add( Orden ).add( Precio ),
			tips = $( ".validateTips" );
			 
			function updateTips( t ) {
			tips
				.text( t )
				.addClass( "ui-state-highlight" );
			setTimeout(function() {
				tips.removeClass( "ui-state-highlight", 1500 );
			}, 500 );
		}
			
        	function checkLength( o, n, min, max ) {
			if ( o.val().length > max || o.val().length < min ) {
				o.addClass( "ui-state-error" );
				updateTips( "El " + n + " debe tener entre " +
					min + " y " + max + " caracteres." );
				return false;
			} else {
				return true;
			}
		}
		
		function checkRegexp( o, regexp, n ) {
			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass( "ui-state-error" );
				updateTips( n );
				return false;
			} else {
				return true;
			}
		}
        	
        	$("#AgregarItemDialog").css("visibility","visible");      
    		$( "#AgregarItemDialog" ).dialog({
    			
				autoOpen: false,
				height: 500,
				width: 400,
				modal: true,
                   	buttons: {
				"Agregar": function() {
					var bValid = true;
					var agregar = 1;
					
					allFields.removeClass( "ui-state-error" );

					bValid = bValid && checkLength( NoItem, "NoItem", 0, 200 );
					bValid = bValid && checkRegexp( NoItem, /^([0-9])+$/i, "El numero de item debe ser un número" );
					bValid = bValid && checkRegexp( Precio, /^([0-9])+$/i, "El precio debe ser un número y no puede estar vacio" );
					if ( bValid ) {
						$.post("../vista/AgregarItem.php",{NoItem:NoItem.val(),Descripcion:Descripcion.val(),Orden:Orden.val(),agregar:agregar,Precio:Precio.val()},function(data){
							$( "#TablaItem" ).html(data);
                        });
						$( this ).dialog( "close" );
					}
				},
				Cancel: function() {
					$( this ).dialog( "close" );
				}
			},
			close: function() {
				allFields.val( "" ).removeClass( "ui-state-error" );
                                updateTips( "Ningún dato es opcional." );
			}
		});
		
		$("#AgregarEnvioDialog").css("visibility","visible");      
    		$( "#AgregarEnvioDialog" ).dialog({    			
				autoOpen: false,
				height: 500,
				width: 400,
				modal: true,
                   	buttons: {
					"Agregar": function() {
					var bValid = true;
					var agregar = 1;
					allFields2.removeClass( "ui-state-error" );

					//bValid = bValid && checkLength( Package, "Paquete", 0, 200 );
	//				bValid = bValid && checkRegexp( Package, /^([0-9])+$/i, "El paquete debe ser un número" );
	//				bValid = bValid && checkRegexp( Height, /^([0-9])+$/i, "La altura debe ser un número" );
	//				bValid = bValid && checkRegexp( Width, /^([0-9])+$/i, "El ancho debe ser un número" );
	//				bValid = bValid && checkRegexp( Large, /^([0-9])+$/i, "El largo debe ser un número" );
	//				bValid = bValid && checkRegexp( Weight, /^([0-9])+$/i, "El peso debe ser un número" );
	//				bValid = bValid && checkRegexp( Volume, /^([0-9])+$/i, "El volumen debe ser un número" );					
					if ( bValid ) {          
						$.post("../vista/AgregarItemEnv.php",{Package:Package.val(),Descripcion:Descripcionenv.val(),Large:Large.val(),Height:Height.val(),Width:Width.val(),Volume:Volume.val(),Weight:Weight.val(),agregar:agregar},function(data){                        	
                        	$( "#ListaItemsEnv" ).html(data);
                        });
                        alert(document.getElementById('STItems').value);         
                        $( this ).dialog( "close" );
					}
				},
				Cancel: function() {
					$( this ).dialog( "close" );
				}
			},
			close: function() {
				allFields2.val( "" ).removeClass( "ui-state-error" );
                                
			}
		});
});
		function calcularTotal(target){
			if(target == 1){
				var impuesto = 1 + parseFloat(document.getElementById('Tax').value);
				document.getElementById('Total').value = document.getElementById('SubTotal').value * impuesto; 
			}
			if(target == 2){
				var impuesto = 1 + parseFloat(document.getElementById('Tax2').value);
					document.getElementById('Total2').value = document.getElementById('SubTotal2').value * impuesto; 
			}
		}
		
		function GuardarGuia(){
			var email = document.getElementById("UsrEmail").value;
			var ship = document.getElementById("ShpVia").value;
			var seguro = document.getElementById("Seg").value;
			var pago = document.getElementById("Pago").value;
			var TaxE = document.getElementById("Tax2").value;
			var TaxC = document.getElementById("Tax").value;

			$.post("../vista/GuardarGuiaFinal.php",{email:email,ship:ship,seguro:seguro,pago:pago},function(data){
							if(data == "listo")
								alert('Guia Guardada');
							else{
								alert(data);
							}	
                        });
			
			
		}
        </script>	 
    </head>
    <body class="fondo">
        <div class="todo">
        	
            <div id="upperBar"><div id="centerDiv"><span id="opCentrales"></div></div>
            <span>
                <div id="main">
                    <A HREF="http://www.compraenvios.com"><div id="banner" onclick="location.href='www.compraenvios.com'" > 
                    </div> </A>

                    <div id="contenido">
                    	<h2 class="todo">
                        <table border="0px" id="tabla-agregar-guias" width=100% style="font-size: 14px">
                            <tr>
                                <td valign="top"  height="70px"><div id="DatosUsuarios">
                                	<?php
                                		if (isset($_GET['Email'])){
                                			include_once '../modelo/Gestion_Usuario.php';
    										$aux = new Gestion_Usuario();
    										$usuario = $aux->buscar_usuario($_GET['Email']);
											echo '
											<table border=0px width=100%>
											<tr>
												<td>
                                        			<label for="UsrNombre1">Primer Nombre:</label>
                                        		</td>
                                        		<td>
                                        			<input type="text" id="UsrNombre1" name="UsrNombre1" value="'.$usuario->nombre1.'" disabled = "disabled"/>
                                        		</td>
                                        		<td>
													<label for="UsrNombre2">Segundo Nombre:</label>
												</td>
                                        		<td>
													<input type="text" id="UsrNombre2" name="UsrNombre2" value="'.$usuario->nombre2.'" disabled = "disabled"/>
                                        	</td>
                                        	</tr>
                                        	<tr>
											<td>
                                        		<label for="UsrApellido1">Primer Apellido:</label>
                                        		                                        		</td>
                                        		<td>
                                        		<input type="text" id="UsrApellido1" name="UsrApellido1" value="'.$usuario->apellido1.'" disabled = "disabled"/>
                                        		                                        		</td>
                                        		<td>
                                        		<label for="UsrApellido2">Segundo Apellido:</label>
                                        		                                        		</td>
                                        		<td>
                                        		<input type="text" id="UsrApellido2" name="UsrApellido2" value="'.$usuario->apellido2.'" disabled = "disabled"/>
                                        	</td>
                                        	</tr>
											<tr>
											<td>
												<label for="UsrEmail">Correo Electronico:</label>
												                                        		</td>
                                        		<td>
												<input type="text" id="UsrEmail" name="UsrEmail" value="'.$usuario->email.'" disabled = "disabled"/>
												                                        		</td>
                                        		<td>
                                        		<label for="UsrDireccion">Dirección:</label>
                                        		                                        		</td>
                                        		<td>
                                        		<input id="UsrDireccion" name="UsrDireccion" value="'.$usuario->direccion.'" disabled = "disabled"/>
                                        	</td>
                                        	</tr>	
                                        	</table>
												';
										}
                                		else{
                                			echo '
																						<table border=0px width=100%>
											<tr>
												<td>
                                        			<label for="UsrNombre1">Primer Nombre:</label>
                                        		</td>
                                        		<td>
                                        			<input type="text" id="UsrNombre1" name="UsrNombre1"/>
                                        		</td>
                                        		<td>
													<label for="UsrNombre2">Segundo Nombre:</label>
												</td>
                                        		<td>
													<input type="text" id="UsrNombre2" name="UsrNombre2" />
                                        	</td>
                                        	</tr>
                                        	<tr>
											<td>
                                        		<label for="UsrApellido1">Primer Apellido:</label>
                                        		                                        		</td>
                                        		<td>
                                        		<input type="text" id="UsrApellido1" name="UsrApellido1"/>
                                        		                                        		</td>
                                        		<td>
                                        		<label for="UsrApellido2">Segundo Apellido:</label>
                                        		                                        		</td>
                                        		<td>
                                        		<input type="text" id="UsrApellido2" name="UsrApellido2" />
                                        	</td>
                                        	</tr>
											<tr>
											<td>
												<label for="UsrEmail">Correo Electronico:</label>
												                                        		</td>
                                        		<td>
												<input type="text" id="UsrEmail" name="UsrEmail" />
												                                        		</td>
                                        		<td>
                                        		<label for="UsrDireccion">Dirección:</label>
                                        		                                        		</td>
                                        		<td>
                                        		<input id="UsrDireccion" name="UsrDireccion" />
                                        	</td>
                                        	</tr>	
                                        	</table>
										';
											}				                                    
                                     ?>
                                    </div></td>
                            </tr>
                            
                            <tr>
                                <td valign="top">
                                	
                                	
                                	<div id="ListaItems"><input type="button" id="botonAgregarProducto" value="Agregar Producto" onclick="$( '#AgregarItemDialog').dialog( 'open' );" />                                		
                                <div id="TablaItem">
                            <label for="SubTotal">SubTotal:</label><input type="text" id="SubTotal" name="SubTotal" disabled="disabled"/>
                            <label for="Tax">Tax:</label><input type="text" id="Tax" name="Tax" onchange="calcularTotal(1)"/>
                            <label for="Total">Total:</label><input type="text" id="Total" name="Total" disabled="disabled"/></div></div></td></tr>
							<tr><td valign="bottom">
                            <div id="ListaEnvios"><input type="button" id="botonAgregarEnvio" value="Agregar" onclick="$( '#AgregarEnvioDialog').dialog( 'open' );"/>


                                        		<div id="ListaItemsEnv">
  
                            <label for="SubTotal2">SubTotal:</label><input type="text" id="SubTotal2" name="SubTotal2" disabled="disabled"/>
                            <label for="Tax2">Tax:</label><input type="text" id="Tax2" name="Tax2" onchange="calcularTotal(2)"/>
                            <label for="Total2">Total:</label><input type="text" id="Total2" name="Total2" disabled="disabled"/></div></div>
                        </td>
                            </tr>
                            <tr>
                            	<td>
                            		<label for="ShpVia">Tipo de Envio:</label><select id="ShpVia" name="ShpVia">
                            			<option value="1">SEA</option>
                            			<option value="2">AIR</option>
                            		</select>
                            		<label for="Pago">Forma de Pago:</label><select id="Pago" name="Pago">
                            			<option value="1">Credito</option>
                            			<option value="2">Deposito</option>
                            		</select>
                            		<label for="Seg">Seguro:</label><select id="Seg" name="Seg">
                            			<option value="1">SI</option>
                            			<option value="2">NO</option>
                            		</select>	
                            		
                            	</td>
                            </tr>
                        </table>
                        <input type="button" value="guardar" onclick="GuardarGuia()"/>
                        </h2>
                    </div>
                
        </div>
        <div id="AgregarItemDialog" title="Agregar Item">
	<p class="validateTips">Ningún dato es opcional.</p>

	<form>
            <fieldset>
                    <label for="NoItem">Item #</label>
                    <input type="text" name="NoItem" id="NoItem" class="text ui-widget-content ui-corner-all"/>
                    <label for="Descripcion">Descripcion</label>
                    <input type="text" name="Descripcion" id="Descripcion" class="text ui-widget-content ui-corner-all"/>
                    <label for="Orden">Orden</label>
                    <input type="text" name="Orden" id="Orden" value="" class="text ui-widget-content ui-corner-all" />
                    <label for="Precio">Precio</label>
                    <input type="text" name="Precio" id="Precio" value="" class="text ui-widget-content ui-corner-all" />
                   
                    </select>
            </fieldset>
	</form>
      </div>
      <div id="AgregarEnvioDialog" title="Agregar Datos de Envio">
	<form>
            <fieldset>
                    <label for="Package">Paquete</label>
                    <input type="text" name="Package" id="Package" class="text ui-widget-content ui-corner-all"/><br>
                    <label for="Descripcionenv">Descripcion</label>
                    <input type="text" name="Descripcionenv" id="Descripcionenv" class="text ui-widget-content ui-corner-all"/><br>
                    <label for="Large">L</label>
                    <input type="text" name="Large" id="Large" class="text ui-widget-content ui-corner-all"/><br>
                    <label for="Height">H</label>
                    <input type="text" name="Height" id="Height" class="text ui-widget-content ui-corner-all" /><br>
                    <label for="Width">W</label>
                    <input type="text" name="Width" id="Width" class="text ui-widget-content ui-corner-all" /> <br>                   
                    <label for="Weight">Peso</label>
                    <input type="text" name="Weight" id="Weight" class="text ui-widget-content ui-corner-all" /><br>
                    <label for="Volume">Volumen</label>
                    <input type="text" name="Volume" id="Volume" class="text ui-widget-content ui-corner-all" /><br>
            </fieldset>
	</form>
	</h2>
      </div> 
    </body>
</html>